Fitur ubah data 

Ketika data diklik pindah ke halaman ubah data 
Bikin layar edit dart.dart 

Edit todo sama seperti add todo 

Diganti add todo menjadi editTodo 
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Sudah ganti edit todo tinggal gesture detecture Ketika data di klik maka pindah 
layar 

Di listtille nya di bungkus widget GestureDetecture 

Ketika di ontap dia akan pindah halaman edit data 

Navigator push route nya mengunakan materialPageroute 

Builder context kita akan mereturn editTodo 

Ini sudah selasai 
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.builder( 
itemCount: todos.itemTodo.length, 
itemBuilder: (context, index) ( 
f todo = todos.itemTodo[ index]: 
GestureDetector( 
onTap: () { 
Navigator.push( 


atabase manager.dart 


lel.dart context, 
MaterialPageRoute( 
builder: (context) 
)3 3 
DH 
bl 
child: ListTile( 
subtitle: Text( todo.descriotion). 
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Ini belum dikasih provider 
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ListView.builder( 
itemCount: todos.itemTodo. length, 
itemBuilder: (context, index) ( 
final todo = todos.itemTodo[index]: 
eturn GestureDetector( 
onTap: ()( 
N gator.push( 
context, 
MaterialPageRoute( 


builder: (context) => EditTodo 
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»: 
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Kita bungkus widget changeNotierProviders create context lalu kirim todos nya 
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TODO_SQFLTE Ka r 
Mm dart t 
dea r irn ListView.builder( 
= itemCount: todos.itemTodo. length, 
itemBuilder: (context, index) { 
todo = todos.itemTodo[ index]; 


...u 


& 


return GestureDetector( 


onTap: 


nanager.dart 


builder: (context) => 

ChangeNotifierProvider( 
create: (context) => Todos(), 
child: EditTodo()), 


Todos() 
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Restart 
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final todo = todos.itemTodo[ index); 
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ger.dart onTap: () 4 
vigator.push( 
model.dart context, 
geRoute( 
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create: (context) => To 
child: EditTodo()), 
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Ketika diklik maka sudah masuk kedalam edit todo screen 

Edit nya sekarang ganti 

Button nya ganti ubah kemudian tidak usah ada loading nya 
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onPressed: () { 
f (todos.titleController.text.isNotEmpty 
88 
todos.descController.text.isNotEmpty) 


{ 
todos .addTodo() ; 


} 


Navigator. pop(context) ; 
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Restart 

di ganti edit todo buka add todo 

maka sudah jadi edit 
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: todos.descController.text.isNotEmpty) 


f 
todos.addTodo(); 


pop(context) ; 


base_manager.dart 
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Kemudian buat future editData sama dgn delete kita tingal terima pramter nya kita 
kirim id 

Disini kita definisi kana agar bisa pakai database nya biar bisa dipakai edit data 
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deleteTodo( id) 
db d 
db.delete( 


database.db: 
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Kemudian sebelumnya mengejrakan ini kita edit scree nya 

Di gesture detector 

Pas di klik maka isi nya data sama dgn yg diklik 

Sikap nya dimengubah kalau bertamabah dia ksong 

Untuk mengisi itu mengunkan consctructor 

Tambah constructor buat parameter 

Id, title,descri 

Dan buat constructor 

Const nya dihapus 
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MW dart t import 
import 


import 


5s EditTodo extends StatelessWidget { 
EditTodo({ 
Key? key, 
required this.id, 
“title, 
.description, 
: key); 


'e manager dart 


String title; 
String description; 
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Artinya kita kirim 
Id nya kita kirim dan seterusnya 
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Chang ifierPro 
create: (context) 
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& database manager.dart 


title: todo.title, 
description: todo.description, 
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Maka sudah mengirim nilai 

Isi nya masing2 data 

Mau ambil textEditingControler nya kita ambil 
Kita ambil textControler kita ubah title 
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String title; 
ing description; 


@override 
Widget build(Buil Kt context) { 
Toc tod >. of <Todos>(context) ; 


todos.titleController.text = title; 
todos.descController.text = description; 
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Coba di test kita klik maka sudah ada isinya 
Tingalkita jalan kan fungsi add 
Dia bukan add data tapi dia edit 
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Ketika tombol edit ditekan makan menjalnkan function edit 

Maka kita focus editData 

Pakai db.update untuk mengubah 

Values nya membutuhkan map 


Value nya perlu nya apa 

Id . tidak diubah maka tidak di tulis 

Title dan des tapi id tidak apa ditambahkan sudah masukan id 

Lalu tambahakn whre karena sama dgn delete karna dimana id mengubah id dari id 


A 11. Edit Data.mp4 - VLC media player - x 
Media Playback Audio Video Subtitle Tools View Help 


Edit Selection View Go Run Terminal Help 


« & edit todo.dart X 


onPressed: Oia 
child: Text( 


OUTLINE 
TIMELINE o Hot Reload complete 
DEPENDENCIES 


08:56 


Sekrang kita ubah 
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Future edi 
Database 


db. update( 
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{ 
o : id, 
Š p e : titleController.text, 
& todosda : descController.text 
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Ketika di opressd diajalan kan editdata(id) id 
Sekarang resatart 
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height: 16, 
), 
ElevatedButton( 
onPressed: () { 
todos.editData(id) ; 


: Text( NYA 
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Restart 


Coba ubah data 2 

Kita edit dan Kembali 

Coba direstart maka sudah menjadi data2 

Ditodo screen memkai future dia pakai navigator push Ketika diklik 
Di function ontap lupa kasih then untuk kembalikan setState 
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TODO SQFLITE e r D build 
Mm dartt onTap: () 1 
gator.push( 
context, 


create: (context) 

child: Edi do( 
id: todo.id, 
title: todo.title, 
description: todo.description, 


ranager-dart 


dart 


); 
» 
), 
screen.dart ).then((value) => setState(() {})); 
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Seharusnya sudah berhasil 
Kita ubah maka berhasil 


Untuk materi database cukup disni 
Selanjutnya mengunkan firebase 


Pubspec 


Db/ database mananger.dart 


DatabaseManager 4 


DatabaseManager. privat nst(); 
DatabaseManager instace = DatabaseManager. pr 


Database? db: 


Future<Database> get db 


Future initDb() { 
Directory docDirectory = 
String path = join(docDirectory.path, 
(path, version: 1, 


onCreate: (database, version) { 
database.execute( 


B() { 
instace.db; 


MyApp StatelessWidget { 
MyApp( Key? key?) : (key: key): 


@override 
Widget Id(BuildContext context) 4 
MaterialApp( 
home: ChangeNotifierProvider( 
create: (context) => Catat(), 
child: LayarCatatan(), 


Catat ChangeNotifier 4 
TextEditingController judulControler - TextEditingController(): 
TextEditingController keteranganControler = TextEditingController(); 


DatabaseManager database - DatabaseManager.instace, 


bool isLoading = 5 
List<CatatModel> itemCatat = []; 


- ihCatat() { 
Database db = database.db; 
db.i di pal 
: judulControler.text, 
: keteranganControler.text, 


H); 


, 


rs(); 


isLoading = 
} 


Future< > getCatat() { 
Database db = database.db; 
List<Map<String, dynamic>> data = 


itemCatat.clear(); 
(var item in data) { 
itemCatat.add( 
CatatModel( 
id: item ['id'], 
judul: item[ Il 
keterangan: item[ 


Future hapu (int id) { 
Database db = database.db; 
db.delete( , where: id): 

} 


Future ubahCatatan(int id) { 
Database db = database.db; 
db.update( 


: judulControler.text, 
: keteranganControler.text 


bid); 


Models/ catat model.dart 
CatatModel 4 
int id; 
String judul; 
String keterangan; 


CatatModel({ 


.id, 
judul, 
.keterangan, 


ti) 


Layar catatan.dart 


, 


LayarCatatan StatefulWidget { 
LayarCatatan({Key? key}) : (key: key); 


@override 
State<LayarCatatan> cre: tate() => _LayarCatatanState(); 


} 


_LayarCatatanState 5 State<LayarCatatan> 4 
@override 
Widget build(BuildContext context) { 
Catat catat = Provider.of<Catat>(context); 


Scaffold( 
floatingActionButton: FloatingActionButton( 
onPressed: () { 
Navigator.p ( 
context, 
MaterialPageRoute( 
builder: (context) => ChangeNotifierProvider( 
create: (context) => Catat(), 
child: TambahCatatan(), 


(value) => setState(() {})); 
o 
child: Icon(Icons.add task), 
), 
appBar: AppBar( 
title: Text( in), 
Jo 
body: FutureBuilder( 
future: catat. atat(), 
builder: (context, snapshoot) { 


(catat.itemCatat.isEmpty) 4 
Center( 
child: Text( 
Me 
} 
(snapshoot.connectionState == ConnectionState.waiting) { 
Center( 
child: CircularProgressIndicator(), 
); 
} { 
n ListView. builder( 
itemCount: catat.itemCatat.length, 
itemBuilder: (context, index) { 
catatan = catat.itemCatat[index]; 
GestureDetector( 
onTap: () { 
Navigator.push( 
context, 
MaterialPageRoute( 
builder: (context) => ChangeNotifierProvider( 
create: (context) => Catat(), 
child: UbahCatatan( 
id: catatan.id, 
judul: catatan.judul, 
keterangan: catatan.keterangan, 
} 
), 
J 
).then((value) => setState(() {})); 
Jo 
child: ListTile( 
subtitle: Text(catatan.keterangan), 
title: Text(catatan.judul), 
trailing: IconButton( 
onPressed: () { 


catat.ha atatan(catatan.id); 


-ate(() {}); 


TP 


icon: Icon(Icons.delete, color: Colors.red), 


Tambah_catatan.dart 


, 


TambahCatatan StatelessWidget { 
TambahCatatan({Key? key}) : (key: key); 


@override 
Widget build(BuildContext context) { 
Catat catat = Provider.of<Catat>(context); 


Scaffold( 
appBar: AppBar( 


title: Text( 
), 
body: Padding( 
padding: Edgelnsets.all(20.0), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 
TextField( 
controller: catat.judulControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
DP 
), 
SizedBox( 
height: 10, 
), 
TextField( 
controller: catat.keteranganControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
), 
) 
ElevatedButton( 
onPressed: () { 
(catat.judulControler.text.isNotEmpty && 
catat.keteranganControler.text.isNotEmpty) { 
catat. bat cat(): 
} 
J 
child: Text(catat.isLoading ? 


Ubah_catatan.dart 
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UbahCatatan StatelessWidget { 
UbahCatatan({ 
Key? key, 
) .id, 
judul, 
.keterangan, 
Y) (key: key); 
int id; 
String judul; 
String keterangan; 


@override 
Widget 1(BuildContext context) { 
Catat catat = Provider.of<Catat>(context); 


catat.judulControler.text = judul; 
catat.keteranganControler.text = keterangan; 


Scaffold( 


appBar: AppBar( 
title: Text('Ubah Catatan'), 
), 
body: Padding( 
padding: const Edgelnsets.all(20.0), 
child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 
TextField( 
controller: catat.judulControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
), 
), 
SizedBox( 
height: 10, 


), 
TextField( 


controller: catat.keteranganControler, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
Ni 
), 
ElevatedButton( 
onPressed: () { 
catat.ubahCatatan(id); 
Ya 
child: Text("Ubah Catatan"), 


